﻿body
{
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: rgb(248, 255, 177)
}

header,
footer,
nav,
section {
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

BODY { font-family: Cambria, Georgia, "Times New Roman"; margin: 0; } 
DIV#header DIV.title, DIV.item H3, DIV.item H4, DIV.pager A { 
    font: bold 1em "Arial Narrow", "Franklin Gothic Medium", Arial; 
} 
DIV#header { background-color: blue; border-bottom: 2px solid #111; color: White; } 
DIV#header DIV.title { font-size: 2em; padding: .6em; } 
DIV#content { border-left: 2px solid gray; margin-left: 9em; padding: 1em; } 
DIV#categories { float: left; width: 8em; padding: .3em; } 

DIV.item { border-top: 4px dotted blue; padding-top: .7em; margin-bottom: .7em; } 
DIV.item:first-child { border-top:none; padding-top: 0; } 
DIV.item H3 { font-size: 1.3em; margin: 0 0 .25em 0; } 
DIV.item H4 { font-size: 1.1em; margin:.4em 0 0 0; } 

DIV.pager { text-align:right; border-top: 2px solid silver; 
    padding: .5em 0 0 0; margin-top: 1em; } 
DIV.pager A { font-size: 1.1em; color: #666; text-decoration: none; 
      padding: 0 .4em 0 .4em; } 
DIV.pager A:hover { background-color: Silver; } 
DIV.pager A.selected { background-color: #353535; color: White; }
DIV#categories A
{
font: bold 1.1em "Arial Narrow","Franklin Gothic Medium",Arial; display: block;
text-decoration: none; padding: .6em; color: Black;
border-bottom: 1px solid silver;
}
DIV#categories A.selected { background-color: #666; color: White; }
DIV#categories A:hover { background-color: #CCC; }
DIV#categories A.selected:hover { background-color: #666; }

FORM { margin: 0; padding: 0; }
DIV.item FORM { float:right; }
DIV.item INPUT {
color:White; background-color: #333; border: 1px solid black; cursor:pointer;
}
H2 { margin-top: 0.3em }
TFOOT TD { border-top: 1px dotted gray; font-weight: bold; }
.actionButtons A, INPUT.actionButtons {
    font: .8em Arial; color: White; margin: .5em;
    text-decoration: none; padding: .15em 1.5em .2em 1.5em;
    background-color: #353535; border: 1px solid black;
}

DIV#cart { float:right; margin: .8em; color: Silver;
background-color: #555; padding: .5em .5em .5em 1em; }
DIV#cart A { text-decoration: none; padding: .4em 1em .4em 1em; line-height:2.1em;
margin-left: .5em; background-color: #333; color:White; border: 1px solid black;}

